<template>
    <square-button icon="el-icon-s-promotion" :title="showTitle" class="agree-button" v-on="$listeners"  v-bind="$attrs"></square-button>
</template>
<script>
    import SquareButton from "../SquareButton";
    export default {
        name:"AgreeButton",
        components: {SquareButton},
        props:{
            title:{
                type:String,
                default:"提交"
            }
        },
        data(){
            return{
                showTitle:""
            }
        },
        created() {
            this.showTitle = this.title
        }
    }
</script>
<style scoped>
.agree-button{
    background-color: #04a65b;
    color: #fff;
    border-color: #04a65b;
}
</style>
